<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>无印良品-my_project</title>
    <link rel="shortcut icon" href="/favicon.ico">
    <link rel="stylesheet" href="/libs/jquery/jquery-1.11.3.min.js">
    <link rel="stylesheet" href="/libs/swiper/css/swiper.min.css">
    <!-- <link rel="stylesheet" href="/libs/bootstrap/css/bootstrap.min.css"> -->
    <link rel="stylesheet" href="/css/index.css">
</head>
<body>
    <header>
    </header>
    <main>
        <div class="wrap">
            <div class="mainPanel">
                <div class="swiper-container" id="banner">
                    <div class="swiper-wrapper" id="bannerList">
                        
                        
                    </div>
                    <script type="text/html" id="bannerTemplate">
                        {{each list item}}
                            <div class="swiper-slide">
                                <img src="{{item.image.url}}" alt="">
                            </div>
                        {{/each}}
                    </script>
                    <!-- 如果需要分页器 -->
                    <div class="swiper-pagination"></div>
                    
                    <!-- 如果需要导航按钮 -->
                    <div class="swiper-button-prev"></div>
                    <div class="swiper-button-next"></div>
                </div>
            </div>
        </div>
        <ul class="fourPanels" id="fourList">
            
        </ul>
        <script type="text/html" id="fourTemplate">
            {{each list item}}
                <li>
                    <a href="/html/buy.html?id={{item.id}}">
                        <img src="{{item.src}}" alt="">
                    </a>
                </li>
            {{/each}}
        </script>
        <div class="more">
            <a href="javascript:void(0)">更多</a>
        </div>
        <div class="more2">
            <h2>店铺信息</h2>
            <div class="more">
                <a href="javascript:void(0)">更多</a>
            </div>
        </div>
        <ul class="more2_img" id="more2_imgList">
          
        </ul>
        <script type="text/html" id="more2Template">
            {{each list item}}
                <li><a href="/html/buy.html?id={{item.id}}">
                    <img src="{{item.image}}" alt="">
                </a>
            </li>
            {{/each}}
        </script>
        <div class="more2">
            <h2>各种各样的无印良品</h2>
            <div class="more">
                <a href="javascript:void(0)">更多</a>
            </div>
        </div>
        <ul class="more3_img more2_img" id="more3_imgList">
            
        </ul>
        <script type="text/html" id="more3Template">
            {{each list item}}
                <li><a href="/html/buy.html?id={{item.id}}">
                    <img src="{{item.image}}" alt="">
                </a>
            </li>
            {{/each}}
        </script>
        <div class="more2">
            <h2>宣传视频</h2>
            <div class="more">
                <a href="javascript:void(0)">更多</a>
            </div>
        </div>
        <ul class="more4_img more2_img" id="more4_imgList">
            
        </ul>
        <script type="text/html" id="more4Template">
            {{each list item}}
                <li><a href="/html/category.html?id={{item.id}}">
                    <img src="{{item.image}}" alt="">
                </a>
            </li>
            {{/each}}
        </script>
        <div class="more2">
            <h2>生活良品研究所</h2>
            <div class="more">
                <a href="javascript:void(0)">更多</a>
            </div>
        </div>
        <ul class="more2_img more5_img" id="more5_imgList">
            
        </ul>
        <script type="text/html" id="more5Template">
            {{each list item}}
                <li><a href="/html/buy.html?id={{item.id}}">
                    <img src="{{item.image}}" alt="">
                </a>
            </li>
            {{/each}}
        </script>
        <div class="more2">
            <h2>最新消息</h2>
            <div class="more">
                <a href="javascript:void(0)">更多</a>
            </div>
        </div>
        <ul class="more_information" id="more_informationList">
           
        </ul>
        <script type="text/html" id="more_informationTemplate">
            {{each list item}}
                <li >
                    <span>{{item.expireDate}}</span>
                    <a href="javascrpt:void(0)">{{item.title}}</a>
                </li>
            {{/each}}
        </script>
    </main>
    <aside>
        <div class="content">
            <ul class="contact">
                <li><a href="javascrpt:void(0)"><img src="./images/misc_weibo.png" alt=""></a></li>
                <li><a href="javascrpt:void(1)"><img src="./images/misc_wechat.png" alt=""></a></li>
            </ul>
            <a href="javascrpt:void(0)" ><img src="./images/misc_passport.png" alt=""></a>
        </div>
    </aside>
    <footer>
        
    </footer>
    <script src="/libs/require/require.min.js" data-main="/js/index"></script>
</body>
</html>